/**
 * Created by Administrator on 2017/4/24 0024.
 */


window.onload = graph();
    function graph() {
        var obj = document.getElementById('type');
        var index = obj.selectedIndex;//获取当前选中的options序号
        var type = obj.options[index].value;

        //周
        if(type == "week"){
            $.ajax({
                type: "GET",
                url: "../../Home/DataStatistics/diagram",
                data: "week=week",
                success: function (msg) {
                    /**
                     * 返回值是二维数组，第一维是类型，第二维是月份对应的值
                     * order 下单数
                     * sum 销售数量
                     * amount 销售总金额
                     */
                    // console.log(msg);
                    json = JSON.parse(msg);

                    // 基于准备好的dom，初始化echarts实例
                    var myChart = echarts.init(document.getElementById('main'));
                    // 指定图表的配置项和数据
                    var option = {
                        title: {
                            text: '销售数量和金额、下单数的统计'
                        },
                        tooltip: {},
                        legend: {
                            data: ['销售总金额（单位/百元）', '下单数', '销售数量']
                        },

                        //X轴
                        xAxis: {
                            data: ["前4周", "前3周", "前2周", "上周", "本周"]
                        },

                        //y轴
                        yAxis: {},
                        series: [{
                            name: '销售总金额（单位/百元）',
                            type: 'bar',//柱状图
                            data: [json['amount'][1], json['amount'][2], json['amount'][3], json['amount'][4]]
                        }, {
                            name: '下单数',
                            type: 'line',//折线图
                            data: [json['order'][1], json['order'][2], json['order'][3], json['order'][4]]
                        }, {
                            name: '销售数量',
                            type: 'scatter',//散点图
                            data: [json['sum'][1], json['sum'][2], json['sum'][3], json['sum'][4]]
                        }],
                    };
                    //加载loading动画
                    myChart.hideLoading();
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                }
            });
        }
        //天
        else if (type == "day"){
            $.ajax({
                type: "GET",
                url: "../../Home/DataStatistics/diagram",
                data: "day="+ 'day',
                success: function (msg) {
                    /**
                     * 返回值是二维数组，第一维是类型，第二维是月份对应的值
                     * order 下单数
                     * sum 销售数量
                     * amount 销售总金额
                     */
                    console.log(msg);
                    json = JSON.parse(msg);

                    // 基于准备好的dom，初始化echarts实例
                    var myChart = echarts.init(document.getElementById('main'));
                    // 指定图表的配置项和数据
                    var option = {
                        title: {
                            text: '销售数量和金额、下单数的统计'
                        },
                        tooltip: {},
                        legend: {
                            data: ['销售总金额（单位/百元）', '下单数', '销售数量']
                        },

                        //X轴
                        xAxis: {
                            data: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"]
                        },

                        //y轴
                        yAxis: {},
                        series: [{
                            name: '销售总金额（单位/百元）',
                            type: 'bar',//柱状图
                            data: [json['amount'][1], json['amount'][2], json['amount'][3], json['amount'][4], json['amount'][5], json['amount'][6], json['amount'][7]]
                        }, {
                            name: '下单数',
                            type: 'line',//折线图
                            data: [json['order'][1], json['order'][2], json['order'][3], json['order'][4], json['order'][5], json['order'][6], json['order'][7]]
                        }, {
                            name: '销售数量',
                            type: 'scatter',//散点图
                            data: [json['sum'][1], json['sum'][2], json['sum'][3], json['sum'][4], json['sum'][5], json['sum'][6], json['sum'][7]]
                        }],
                    };
                    //加载loading动画
                    myChart.hideLoading();
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                }
            });
        }
        //月份
        else{
            $.ajax({
                type: "GET",
                url: "../../Home/DataStatistics/diagram",
                data: "month=month",
                success: function (msg) {
                    /**
                     * 返回值是二维数组，第一维是类型，第二维是月份对应的值
                     * order 下单数
                     * sum 销售数量
                     * amount 销售总金额
                     */
                    json = JSON.parse(msg);

                    // 基于准备好的dom，初始化echarts实例
                    var myChart = echarts.init(document.getElementById('main'));
                    // 指定图表的配置项和数据
                    var option = {
                        title: {
                            text: '销售数量和金额、下单数的统计'
                        },
                        tooltip: {},
                        legend: {
                            data: ['销售总金额（单位/百元）', '下单数', '销售数量']
                        },

                        //X轴
                        xAxis: {
                            data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
                        },

                        //y轴
                        yAxis: {},
                        series: [{
                            name: '销售总金额（单位/百元）',
                            type: 'bar',//柱状图
                            data: [json['amount'][1], json['amount'][2], json['amount'][3], json['amount'][4], json['amount'][5], json['amount'][6], json['amount'][7], json['amount'][8], json['amount'][9], json['amount'][10], json['amount'][11], json['amount'][12]]
                        }, {
                            name: '下单数',
                            type: 'line',//折线图
                            data: [json['order'][1], json['order'][2], json['order'][3], json['order'][4], json['order'][5], json['order'][6], json['order'][7], json['order'][8], json['order'][9], json['order'][10], json['order'][11], json['order'][12]]
                        }, {
                            name: '销售数量',
                            type: 'scatter',//散点图
                            data: [json['sum'][1], json['sum'][2], json['sum'][3], json['sum'][4], json['sum'][5], json['sum'][6], json['sum'][7], json['sum'][8], json['sum'][9], json['sum'][10], json['sum'][11], json['sum'][12]]
                        }],
                    };
                    //加载loading动画
                    myChart.hideLoading();
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                }
            });
        }

}



